<template>
	<view>
		<!-- #ifdef APP-PLUS -->
			<navBar title="上报险情"></navBar>
		<!-- #endif -->
		<scroll-view scroll-y="true" class="hwq-scroll-box" v-if="baseSrc">
			<web-view :src="baseSrc" @message="webMessage"></web-view>
		</scroll-view>
	</view>
</template>
<script>
	import {
		getToken
	} from '@/utils/auth'
	export default {
		data() {
			return {
				data: undefined,
				position: "", // 要回显的经度纬度
				baseSrc: "",
			}
		},
		methods: {
			confirm() {
				if (this.data) {
					console.warn(this.data, '25行');
					const eventChannel = this.getOpenerEventChannel();
					eventChannel.emit('setPosition', {
						data: this.data
					});
				}
				uni.navigateBack({})
			},
			webMessage(data) {
				console.log(data, '37行数据data');  
				// #ifdef APP-PLUS
					this.data=data.detail
				// #endif
				// #ifdef MP-WEIXIN
					this.data = data.target.data
				// #endif	
				if (this.data) {
					const eventChannel = this.getOpenerEventChannel();
					eventChannel.emit('setPosition', {
						data: this.data
					});
				}
			},
			 getWebviewPageTitle() {
			      setTimeout(() => {
			        uni.setNavigationBarTitle({
			          title: "上报险情",
			        });
			      }, 2000);
			    },
		},
		onLoad(option) {
			// #ifdef MP-WEIXIN
				this.getWebviewPageTitle()
			// #endif
			this.position = option.position
			console.log(this.position, '000');
			let position = {
				position: this.position
			}
			// this.$config.SHARE_URL
			// 'http://172.168.10.134:8800/#/'
			this.baseSrc = this.$config.SHARE_URL +
				`?token=${getToken()}&page=positionMarker&position=${position.position}&time=${Date.now()}`
			console.log(this.baseSrc,'路径');
		},
		onReady(){
			// #ifdef APP-PLUS
				var height=0;//定义动态的高度变量，如高度为定值，可以直接写
				var width=0;//定义动态的高度变量，如高度为定值，可以直接写
				uni.getSystemInfo({
				//成功获取的回调函数，返回值为系统信息
				success: (sysinfo) => {
				height = sysinfo.windowHeight;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				width = sysinfo.windowWidth;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				console.log(height,width,'宽高')
				},
				complete: () => {
				}
				});
				var currentWebview = this.$scope.$getAppWebview();//获取当前web-view
				setTimeout(function() {
				var wv = currentWebview.children()[0];
				wv.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px
				top: 75,//此处是距离顶部的高度，应该是你页面的头部
				height:height,//webview的高度
				width:width,//webview的高度
				scalable:false      //webview的页面是否可以缩放，双指放大缩小
				})
				}, 100);//如页面初始化调用需要写延迟
			// #endif
		}
	}
</script>
<style scoped lang="scss">

</style>